<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Child</title>
	<style type="text/css">
	*{
		margin: 0px;
		padding:0px;
	}
	#box{
		width: 800px;
		height: 600px;
		/*background: #12E081 url() 0 0 no-repeat;*/
		margin:auto;
	}
	#content{
		width: 700px;
		height: 400px;
		background: #fff url() 0 0 no-repeat;
		border: 1px solid #03F3E5;
		margin:auto;
		margin-top: 10px;
	}
	#Input{
		width: 700px;
		height: 50px;
		border: 1px solid red;
		margin-top: 10px;
		margin:auto;
	}
	#srk{
		width: 600px;
		height: 45px;
		font-size: 50px;
		float: left;

	}
	#tjan{
		width: 90px;
		height: 50px;
		float: right;
	}

	</style>
	<script type="text/javascript">
	window.onload = function(){
		var srk = document.getElementById('srk');//获取到文本。
		var tjan = document.getElementById('tjan');//获取到按钮。

		var content = document.getElementById('content');//获取到展示框。

		tjan.onclick = function(){
			var of = srk.value;
			if (of == "") {
				alert("亲！不是语言输入，请打字。")
			} else{
				//创建元素节点。
				var wb = document.createElement('p');//创建新节点“p标签”。
				wb.innerHTML = of;//创建属性节点。
				content.appendChild(wb);//插入。

			};
		}
	}

	</script>
</head>
<body>
	<div id="box">
		<div id="content">
			
		</div>
		<div id="Input">
				<input id="srk" type="text" /> <!--单行文本-->
				<input id="tjan" type="submit" /> <!--提交按钮-->
		</div>

	</div>
</body>
</html>